import React from "react";
// const { Consumer } = createContext();
// todo import后面的解构用as取别名，普通对象用冒号取别名
import { Consumer as Abc } from "./App";

// const obj = {
//   a: 3,
//   b: 4
// }

// const { a: c } = obj;

const Child2 = () => {
  return (
    <div>
      child2组件 -
      <Abc>
        {(value) => {
          // console.log(value)
          return (
            <span>
              {value.count} - {value.name}
            </span>
          );
        }}
      </Abc>
    </div>
  );
};
export default Child2;
